<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@include file="/common/mytaglibs.jsp"%>

<!DOCTYPE HTML>
<html>
<head>
<base href="<%=basePath%>">
<title>租客服务</title>
<meta
	content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
	name="viewport">
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<link rel="stylesheet" href="<%=basePath%>css/zukeFuwuList.css">
<link rel="stylesheet"
	href="<%=basePath%>/js/bootstrap-3.3.5-dist/css/bootstrap-datetimepicker.css">
<script
	src="<%=basePath%>/js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.js"></script>
<script
	src="<%=basePath%>/js/bootstrap-3.3.5-dist/js/bootstrap-datetimepicker.zh-CN.js"></script>
	   <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<script type="text/javascript">
     var path = "<%=path%>";
     var nonce="";//生成签名的随机串
     var signature="";//签名
     var timestamp="";//时间戳
     var title="欢迎使用蓝居";
     var desc="这是蓝居管家首页，欢迎使用";
     var sharLink="http://nvstop.cn/LanJuPublic/lanju/home.jsp";
     var imgUrl="http://nvstop.cn/LanJuPublic/images/lanju.jpg";
     var basePath="<%=basePath%>";
 	function toLink(txt,tagrt) {
		document.location.href = basePath + "lanju/" + txt;
	}
     $(document).ready(function(){  
   	  var url = encodeURI(location.href.split('#')[0]);
   	  $.ajax({
   	         url: basePath+"/weixinImpl/getEncryptJsapiTicket.spring?rn="+(new Date().getTime()),
   	         type: "POST",
   	         data:{"url":url},
   	         dataType: "json",
   	         success: function(data){
   	        	 if(data != null){
   	        		 nonce=data.nonce;
   		             signature=data.signature;
   		             timestamp=data.timestamp;
   		             loadWx();
   	        	 }
   	             
   	          },
   	          error:function(err){
   	            console.log('异常');
   	          }
   	        });
   });
     
     function loadWx(){
   	  wx.config({
   		    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
   		    appId: 'wxb3b7beee9190b2ef', // 必填，公众号的唯一标识wxd894029b9bdb4b67
   		    timestamp: timestamp, // 必填，生成签名的时间戳
   		    nonceStr: nonce, // 必填，生成签名的随机串
   		    signature: signature,// 必填，签名
   		    jsApiList: ['onMenuShareTimeline','onMenuShareAppMessage','onMenuShareQQ'] // 必填，需要使用的JS接口列表
   		});
   	  wx.ready(function(){
   		  //新版本，还没支持
//    		  wx.updateAppMessageShareData({ 
//    		        title: title, // 分享标题
//    		        desc: desc, // 分享描述
//    		        link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//    		        imgUrl: imgUrl, // 分享图标
//    		}, function(res) { 
   			
//    		这里是回调函数 
//    		}); 
   		  
//    		  wx.updateTimelineShareData({ 
//    		        title: title, // 分享标题
//    		        link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
//    		        imgUrl: imgUrl, // 分享图标
//    		}, function(res) { 
//    			alert(res);
//    		这里是回调函数 
//    		}); 
   		  //分享到朋友圈
   		  wx.onMenuShareTimeline({
   			    title: title, // 分享标题
   			    link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			    imgUrl: imgUrl, // 分享图标
   			    desc: desc, // 分享描述
   			    success: function () {
   			    // 用户确认分享后执行的回调函数
   				},
   			cancel: function () {
   			    // 用户取消分享后执行的回调函数
   		    }
   		});
   		  //分享到朋友
   		  wx.onMenuShareAppMessage({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
   			  imgUrl: imgUrl, // 分享图标
   			  type: 'link', // 分享类型,music、video或link，不填默认为link
   			  dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   		  //分享到QQ
   		  wx.onMenuShareQQ({
   			  title: title, // 分享标题
   			  desc: desc, // 分享描述
   			  link: sharLink, // 分享链接
   			  imgUrl: imgUrl, // 分享图标
   			  success: function () {
   			  // 用户确认分享后执行的回调函数
   			  },
   			  cancel: function () {
   			  // 用户取消分享后执行的回调函数
   			  }
   			  });
   	  });
   	  
   	  wx.error(function(res){
   		
   	  });
   	  
   }
function toLink(txt){
		document.location.href=basePath+"lanju/"+txt;
}
</script>
<body>
	<div style="background: #fff;">
		<div class="toubu" style="background:#FFCC33">
			<div style="height: 100%;">
				<a style="padding: 20px;"><img src="<%=basePath%>images/touxiang.png" style="margin-top: 20px;"/></a>
				<a style="color: #fff"><span>迷你以为</span></a>
				<a style="color: #fff;position: absolute;margin-top: 56px;font-size: 13px;margin-left: -67px;"><span>135****852</span></a>
			</div>
    	</div>
    </div>
    
  <ul id="info_list">
  <li>
    <a><img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/daiban.png" style="width: 25px;height: 25px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;我的待办</span>	
  	<img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;">
  </a>
   </li> 
   <li onclick="toLink('myGuanjia.jsp')">
    <a ><img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/guanjia.png" style="width: 25px;height: 25px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;我的管家</span>	
  	<img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;">
  </a>
   </li> 
   <li onclick="toLink('zukeKongjian.jsp')">
   <a><img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/kongjian.png" style="width: 28px;height: 28px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;我的空间</span>
   <img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;"></a>
   </li> 
   <li><a>
   <img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/yuuyue.png" style="width: 25px;height: 25px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;保洁预约</span>
   <img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;"></a>
   </li> 
   <li><a>
   <img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/chaxun.png" style="width: 25px;height: 25px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;保洁查询</span>
   <img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;"></a>
   </li> 
   <li><a>
   <img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/tousu.png" style="width: 25px;height: 25px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;投诉提交</span>
   <img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;"></a>
   </li> 
   <li><a>
   <img class="info_list_img1" src="<%=basePath%>images/zukeFuwu/jieshao.png" style="width: 25px;height: 25px">
   <span style='vertical-align: middle;'>&nbsp;&nbsp;介绍新租客</span>
   <img class="info_list_img2" src="<%=basePath%>images/001.png" style="margin-top:10px;width: 22px;height: 21px;margin-right: 16px;"></a>
   </li> 
   </ul>
	<nav class="mui-bar mui-bar-tab footer"
	style="overflow-x: hidden;overflow-y: auto; ">
	<a class="mui-tab-item " href="home.jsp" > <span
		class="mui-icon mui-icon-home"></span> <span class="mui-tab-label">首页</span>
	</a> <a class="mui-tab-item "  href="gainLanJu.jsp" > <span
		class="mui-icon mui-icon-extra mui-icon-extra-xiaoshuo"></span> <span
		class="mui-tab-label" >了解蓝居</span>
	</a> <a class="mui-tab-item mui-active"  href="zukeFuwuList.jsp" > <span
		class="mui-icon mui-icon-extra  mui-icon-extra-hotel"></span> <span
		class="mui-tab-label">租客服务</span>
	</a> <a class="mui-tab-item"  "> <span
		class="mui-icon mui-icon-extra mui-icon-extra-rank"></span> <span
		class="mui-tab-label">业主服务</span>
	</a>
</nav>
  </body>
</html>
